.page{
	
	padding-bottom: 100rpx;
	background-color: #FFFFFF;
}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
	 background: url('../../static/background.jpg'); 
	
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}

.main{
	margin: 193.6rpx 0;
	// 菜单导航
	.menu-nav {
		padding:0 14rpx ;
	  width: 100%;
	  text-align: center;
	  padding: 0 14.83rpx;
	
	  .nav {
	    display: flex;
	    justify-content: center; /* 确保导航项在水平方向居中 */
	    flex-wrap: wrap; /* 使得导航项在屏幕较小时能换行 */
	  }
	
	  .list {
	    flex: 0 0 33.3%;
	    cursor: pointer;
	    padding: 15.7rpx 0;
	    display: flex;
	    justify-content: center; /* 水平居中 */
	    align-items: center; /* 垂直居中 */
	  }
	
	  .list text {
	    font-size: 20rpx;
	    color: #000000;
	    text-align: center;
	  }
	
	  .list.active {
	    display: flex;
	    padding: 15.7rpx 0;
	    align-items: center;
	    justify-content: center; /* 水平居中 */
	    border-bottom: 3.49rpx solid #43d534;
	  }
	
	  .list.active text {
	    font-size: 20rpx;
	    color: #000000;
	  }
	}
	// 经营数据
	.operationalData{
		//通知
		.notice{
				padding: 0 33.14rpx;
				display: flex;
				width: 750rpx;
				height: 73.26rpx;
				background: #fef7eb;
				
				justify-content: space-between;
				.left{
					line-height: 73.26rpx;
					height: 27.91rpx;
					font-size: 20.93rpx;
					font-family: Yu Gothic UI, Yu Gothic UI-Regular;
					font-weight: 400;
					text-align: left;
					color: #f5b13a;
				}
				.right{
					line-height: 73.26rpx;
					height: 27.91rpx;
					font-size: 20.93rpx;
					font-family: Segoe UI, Segoe UI-Semibold;
					font-weight: 600;
					text-align: center;
					color: #43d534;
					.iconfont{
						margin-left: 5rpx;
						font-size: 16rpx
					}
				}
			}
		.title {
		  width: 326.16rpx;
		  height: 36.63rpx;
		  font-size: 29.65rpx;
		  font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI-Bold";
		  font-weight: 700;
		  text-align: left;
		  color: #000000;
		  margin: 31rpx 0 22.5rpx 14rpx;
		
		  background: linear-gradient(136deg, rgba(51, 202, 165, 1)  0%, rgba(255, 255, 255, 1) 100%);
		  background-position: bottom; /* Position the gradient at the bottom */
		  background-repeat: no-repeat; /* Ensure the gradient doesn't repeat */
		  background-size: 100% 50%; /* Make the background take up only the bottom half of the element */
		}
	}
	//订单管理
	.totalManagement{
		margin: 19.9rpx 0;
		.search{
			margin: 0 13.95rpx;
			display: flex;
			align-items: center;
			width: 96%;
			// padding: 13rpx 17rpx;
			height: 52rpx;
			background-color: #fff;
			border-radius: 26rpx;
			border: 1rpx solid #8AE9CD;
			.icon{
				display: flex;
				align-items: center;
				margin-right: 20rpx;
				
			}
			.hint{
				display: flex;
				align-items: center;
				.max{
					font-size: 30rpx;
					font-weight: bold;
					color: #FFFFFF;
				}
				.min{
					font-size: 24rpx;
					color: #F6f6f6;
					margin-left: 10rpx;
				}
			}
		}
		.select{
			margin: 17.44rpx 13.95rpx;
			display: flex;
			justify-content: space-between;
			.date{
				display: flex;
				.date1{
					padding: 8.7rpx 19.19rpx;
					line-height:30rpx ;
					height: 47.09rpx;
					 background: rgba(181, 181, 181, 0.3);  /* 使用 RGBA 背景颜色 */
					border-radius: 24.42rpx;
					.iconfont{
						color: #707070;
					}
				}
			}
			.money{
				display: flex;
				height: 31.4rpx;
				font-size: 24.42rpx;
				font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
				font-weight: 700;
				text-align: right;
				color: #646464;
				.title{
					text{
						color: #43d534;
					}
				}
				.title1{
					margin:0 10rpx;
				}
			}
		}
		.detail{
			margin:8.7rpx 19.9rpx ;
			padding:17.44rpx 19.19rpx;
			display: flex;
		
			height: 136.05rpx;
			background: #ffffff;
			border-radius: 10.47rpx;
			box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
			.left{
				image{
					width: 101.16rpx;
					height: 101.16rpx;
					background: rgba(0,0,0,0.00);
				}
			}
			.right{
				width: 80%;
				margin-left: 18.85rpx;
				.top{
					display: flex;
					justify-content: space-between;
					.title{
						
						height: 33.14rpx;
						font-size: 26.16rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
						font-weight: 700;
						text-align: left;
						color: #000000;
					}
					.state{
						
						height: 22.67rpx;
						font-size: 17.44rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Regular;
						font-weight: 400;
						text-align: right;
						color: #646464;
					}
				}
				.bottom{
					margin-top: 45.35rpx;
					display: flex;
					justify-content: space-between;
					.title{
						display: flex;
					
						height: 22.67rpx;
						font-size: 17.44rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
						font-weight: 700;
						text-align: left;
						color: #646464;
						.price{
							margin-right: 10rpx;
						}
						text{
							color: #43d534;
						}
					}
					.date{
						
						height: 22.67rpx;
						font-size: 17.44rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
						font-weight: 700;
						text-align: right;
						color: #646464;
					}
				}
			}
		}
	}
	//商品管理
	.merchandiseManagement{
		margin: 19.9rpx 0;
		.search{
				margin: 0 13.95rpx;
				display: flex;
				align-items: center;
				width: 96%;
				// padding: 13rpx 17rpx;
				height: 52rpx;
				background-color: #fff;
				border-radius: 26rpx;
				border: 1rpx solid #8AE9CD;
				.icon{
					display: flex;
					align-items: center;
					margin-right: 20rpx;
					
				}
				.hint{
					display: flex;
					align-items: center;
					.max{
						font-size: 30rpx;
						font-weight: bold;
						color: #FFFFFF;
					}
					.min{
						font-size: 24rpx;
						color: #F6f6f6;
						margin-left: 10rpx;
					}
				}
			}
			//tab切换
		.select{
			margin: 17.44rpx 13.95rpx;
			display: flex;
			justify-content: space-between;
			.tab {
				padding:0 14rpx ;
			  width: 100%;
			  text-align: center;
			  padding: 0 14.83rpx;
			
			  .nav {
			    display: flex;
			    justify-content: center; /* 确保导航项在水平方向居中 */
			    flex-wrap: wrap; /* 使得导航项在屏幕较小时能换行 */
			  }
			
			  .list {
			    flex: 0 0 20%;
			    cursor: pointer;
			    padding: 15.7rpx 0;
			    display: flex;
				flex-direction: column;
			    justify-content: center; /* 水平居中 */
			    align-items: center; /* 垂直居中 */
				border-bottom:  0.87rpx solid #707070;
				font-weight: 700;
				 text {
				  font-size: 20.93rpx;
				  color: #000000;
				  text-align: center;
				}
			  }
			  .list.active {
			    display: flex;
			    // padding: 15.7rpx 0;
			    align-items: center;
			    justify-content: center; /* 水平居中 */
			    border-bottom: 3.49rpx solid #43d534;
				 text {
				  font-size: 20.93rpx;
				  color:  #43d534;
				}
			  }
			
			  
			}
			
			
		}
		//操作
		.operate {
			margin: 17.44rpx 13.95rpx;
		  display: flex;
		  justify-content: space-between; /* 使内容两端对齐 */
		  align-items: center; /* 垂直居中对齐 */
		
		  height: 27.91rpx;
		  font-size: 20.93rpx;
		  font-family: Segoe UI, Segoe UI-Semibold;
		  font-weight: 600;
		  
		  color: #707070;
		  .select, .edit {
		    display: flex;
		    align-items: center;
			.edit1{
				 display: flex;
			}
			.iconfont {
			  margin: 0 5rpx;
			font-size: 24rpx;
			}
		  }
		 
		}
		
		
		
		

		.detail{
			margin:8.7rpx 19.9rpx ;
			padding:17.44rpx 19.19rpx;
			display: flex;
		
			height: 136.05rpx;
			background: #ffffff;
			border-radius: 10.47rpx;
			box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
			.check{
				margin-right: 17.44rpx;
				text{
					font-size: 20rpx;
				}
			}
			.left{
				image{
					width: 101.16rpx;
					height: 101.16rpx;
					background: rgba(0,0,0,0.00);
				}
			}
			.right{
				width: 80%;
				margin-left: 18.85rpx;
				display: flex;
				flex-direction: column;
				.top{
					display: flex;
					justify-content: space-between;
					.title{
						
						height: 33.14rpx;
						font-size: 26.16rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
						font-weight: 700;
						
						color: #000000;
					}
					.details{
						display: flex;
						.price{
							
							height: 36.63rpx;
							font-size: 14rpx;
							font-family: Yu Gothic UI, Yu Gothic UI-Regular;
							font-weight: 400;
							
							color: #f94a15;
							text{
								font-size: 20.93rpx;
							}
						}
						.integral{
							margin-left: 10rpx;
							align-items: center;
							font-size: 20.93rpx;
							font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
							font-weight: 700;
							
							color: #43d534;
							height: 34.88rpx;
							line-height: 34.88rpx;
							border: 1.74rpx solid #43d534;
							border-radius: 6.98rpx;
						}
					}
				}
				.bottom1{
					height: 38.37rpx;
					margin-top: 35rpx;
					display: flex;
					justify-content: space-between;
					.date{
						height: 22.67rpx;
						font-size: 17.44rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
						font-weight: 700;
						text-align: right;
						color: #646464;
					}
					.edit{
						display: flex;
						align-items: center;
						font-size: 20.93rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
						font-weight: 700;
						text-align: center;
						color: #ffffff;
						line-height: 38.37rpx;
						.edit1{
							width: 66.28rpx;
							height: 38.37rpx;
							background: linear-gradient(135deg,#3ac29b, #6ee5cc);
							border-radius: 6.98rpx;
							margin-right:17.44rpx ;
						}
						.up{
							width: 66.28rpx;
							height: 38.37rpx;
							background: linear-gradient(135deg,#3ac29b, #6ee5cc);
							border-radius: 6.98rpx;
							
						}
						
					}
					
				}
			}
		}
		.total{
			text{
				font-size: 20rpx;
				margin: 0 10rpx;
				text-align: center;
				color: #F94A15;
			}
			width: 100%;
			padding: 0 31.44rpx;
			position: fixed;
			bottom: 92.44rpx;
			line-height: 57.56rpx;
			height: 57.56rpx;
			display: flex;
			background: #ffffff;
			
			font-size: 20.93rpx;
			font-family: Segoe UI, Segoe UI-Regular;
			font-weight: 400;
			
			color: #707070;
			.total1{
			
				
				font-size: 20.93rpx;
				font-family: Segoe UI, Segoe UI-Semibold;
				font-weight: 600;
				margin-right: 10rpx;
				color: #707070;
			}
		}
		//底部
		.bottom{
			position: fixed;
			bottom: 0;
			width: 750rpx;
			height: 92.44rpx;
			background: #ffffff;
			
			display: flex;
			justify-content: space-between;
			.left{
				// width: 66%;
			}
			.right{
				display: flex;
				
					.upStore1{
						width: 180rpx;
						height: 92.44rpx;
						line-height: 92.44rpx;
						text-align: center;
						background: #43d534;
						
						font-size: 26.16rpx;
						font-family: Segoe UI, Segoe UI-Regular;
						font-weight: 400;
						
						
						color: #ffffff;
					
					}
					.upStore1:first-child{
						border-right: 1rpx solid #fff;
					}
			
				.upStore{
					width: 256.4rpx;
					height: 92.44rpx;
					line-height: 92.44rpx;
					text-align: center;
					background: #43d534;
					
					font-size: 26.16rpx;
					font-family: Segoe UI, Segoe UI-Regular;
					font-weight: 400;
					
					color: #ffffff;
				
				}
			}
		}			
	}
	

	}
	